<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
    <span v-bind:title="message">
        <!--这里该指令的作用是：“将这个元素节点的 title 属性和 Vue 实例的 message 属性保持一致”-->
          鼠标悬停几秒钟查看此处动态绑定的提示信息！
    </span>
</div>
<script>
    var app=new Vue({
        el:'#app',
        data:{
            message:'页面加载于' + new Date().toDateString()//根据本地时间格式，把 Date 对象的日期部分转换为字符串
//            toLocaleTimeString()  根据本地时间格式，把 Date 对象的时间部分转换为字符串
        }
    })
</script>
</body>
</html>